<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>测试el和template配置项</title>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
</head>

<body>

    <!-- 
    -->
    <div id="app">
        <h1>{{msg}}</h1>
    </div>

    <script>

        // 优先选择了template，app的div消失了
        const vm = new Vue({
            // el: '#app',
            template: `
                <h1>{{s}}</h1>
            `,
            data: {
                msg: 'el配置项',
                s: 'template配置项'
            }
        })

        // 没有el的时候，需要手动挂载，否则会报错（必须有el）
        // 手动挂载，也一样走template
        vm.$mount('#app') 

    </script>

</body>

</html>